.rank-label {
  position: relative;
  display: inline-block;
  // width: 34px;
  min-width: 34px;
  height: 16px;
  padding: 0 4px 0;
  line-height: 16px;
  text-align: center;
  overflow: hidden;
  @include border-radius(3px);
  color: $light;
  font-size: 12px;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  &:before {
    // content: 'LV';
  }
  &_1,&_2,&_3,&_4,&_5 {
    border-color: #69D7FA;
    color: #69D7FA;
  }
  &_6,&_7,&_8,&_9,&_10 {
    border-color: #5CBBEB;
    color: #5CBBEB;
  }
  &_11,&_12,&_13,&_14,&_15 {
    border-color: #448BD2;
    color: #448BD2;
  }
  &_16,&_17,&_18,&_19,&_20 {
    border-color: #3468C0;
    color: #3468C0;
  }
}
